<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>塔内PC报名表</title>

	<!-- Bootstrap -->
	<link href="../css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/common.css"/>
	<link rel="stylesheet" href="../css/form-style.css"/>

	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="../js/jquery.js"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="../js/bootstrap.min.js"></script>
	<script src="../js/holder.js"></script>
</head>
<body>
<!-----------------------------巨幕------------------------------------>
<div id="jumbotron-header" class="jumbotron">

	<div class="container">
		<h1>华南师范大学塔内PC协会报名表</h1>
		<p>普通的人加入优秀的社团，变得优秀；优秀的人加入优秀的社团，变得更加优秀。还等什么，赶快加入我们吧！</p>
	</div>
</div>


<div class="container">
	<p>请准确填写个人信息，提交完成后我们会尽快与你取得联系</p>
	<form id="maintain-form" action="post">
		<div class="container">
			<!----------------------------基本信息------------------------->
			<div class="row field-row">
				<div class="col col-sm-3 image-row hidden-xs">
					<div class="image-box1">
						<span class="glyphicon glyphicon-eye-open sm-image"></span>
						<p>基本信息</p>
					</div>

				</div>
				<div class="col col-sm-9">

						<div class="input-group">
							<label for="name">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名<em>*</em></label>
							<input id="name" name="name" type="text"/>
						</div>
						<div class="input-group">
							<label for="sex">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别<em>*</em></label>
							<select name="sex">
								<option value="unselect" selected="selected">--请选择--</option>
								<option value="women">女</option>
								<option value="man">男</option>
							</select>
						</div>
						<div class="input-group">
							<label for="school">院系（专业）</label>
							<input id="school" name="school" type="text"/>
						</div>
						<div class="input-group">
							<label for="location">宿舍地址</label>
							<input id="location" name="location" type="text"/>
						</div>
						<div class="input-group">
							<label for="phone">手机（短号）<em>*</em></label>
							<input id="phone" name="phone" type="text"/>
						</div>
						<div class="input-group">
							<label for="qq">QQ&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号</label>
							<input id="qq" name="qq" type="text"/>
						</div>
						<div class="input-group">
							<label for="email">邮箱地址</label>
							<input id="email" name="email" type="text"/>
						</div>
						<div class="input-group">
							<label for="weibo">微博名</label>
							<input id="weibo" name="weibo" type="text"/>
						</div>
						<div class="input-group">
						    <label for="interst">爱好或特长</label>
						    <textarea name="interst" id="interst" cols="30" rows="5"></textarea>
					    </div>


				</div>
			</div>

			<!----------------------------经历自述------------------------->
			<div class="row field-row">
				<div class="col col-sm-3 hidden-xs">
					<div class="image-box1">
						<span class="glyphicon glyphicon-flag sm-image"></span>
						<p>经历自述</p>
					</div>

				</div>
				<div class="col col-sm-9">

					<div class="input-group">
						<label for="experi">曾任职务或经历</label>
						<textarea name="experi" id="experi" cols="30" rows="10"></textarea>
					</div>
					<div class="input-group">
						<label for="introd">自我介绍和评价</label>
						<textarea name="introd" id="introd" cols="30" rows="10"></textarea>
					</div>

				</div>
			</div>

			<!----------------------------选择------------------------->
			<div class="row field-row">
				<div class="col col-sm-3 hidden-xs">
					<div class="image-box1">
						<span class="glyphicon glyphicon-road sm-image"></span>
						<p>选择</p>
					</div>

				</div>
				<div class="col col-sm-9">

					<div class="input-group">
						<label for="fwish">第一志愿部门<em>*</em></label>
						<select name="fwish">
							<option value="unselect" selected="selected">--请选择--</option>
							<option value="plan">策划部</option>
							<option value="secretary">秘书部</option>
							<option value="skill">技术部</option>
							<option value="network">网络部</option>
							<option value="concept">概设部</option>
						</select>
					</div>
					<div class="input-group">
						<label for="fhope">希望得到什么</label>
						<textarea name="fhope" id="fhope" cols="30" rows="10"></textarea>
					</div>
					<div class="input-group">
						<label for="swish">第二志愿部门<em>*</em></label>
						<select name="swish">
							<option value="unselect" selected="selected">--请选择--</option>
							<option value="plan">策划部</option>
							<option value="secretary">秘书部</option>
							<option value="skill">技术部</option>
							<option value="network">网络部</option>
							<option value="concept">概设部</option>
						</select>
					</div>
					<div class="input-group">
						<label for="shope">希望得到什么</label>
						<textarea name="shope" id="shope" cols="30" rows="10"></textarea>
					</div>

				</div>
			</div>

			<!----------------------------其他------------------------->
			<div class="row field-row">
				<div class="col col-sm-3 hidden-xs">
					<div class="image-box1">
						<span class="glyphicon glyphicon-hand-right sm-image"></span>
						<p>其他</p>
					</div>

				</div>
				<div class="col col-sm-9">

					<div class="input-group">
						<label for="suggest">建议或意见</label>
						<textarea name="suggest" id="suggest" cols="30" rows="10"></textarea>
					</div>

				</div>
			</div>
			
		</div>
		
		

		<div id="button-group" class="row">
			<div class="bgroup">
				<input id="submit" class="btn btn-primary" type="submit" value="提交"/>
				<input id="reset" class="btn btn-default" type="buttom" value="重置"/>
			</div>

		</div>


	</form>
</div>


</body>
</html>
